/* Import fonts */
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@700;900&family=Michroma:wght@400&display=swap');

/* Product title styling - Desktop */
.p-detail-inner-header .product-title,
.p-detail-inner-header h1.product-title {
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: clamp(2.8rem, 6vw, 4.5rem) !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin: 15px 0 !important;
    position: relative !important;
    display: inline-block !important;
    line-height: 0.9 !important;
}

/* Product title styling - Mobile */
.p-detail-inner-header-mobile .product-title,
.p-detail-inner-header-mobile .h1.product-title {
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: clamp(2.2rem, 7vw, 3.5rem) !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin: 20px 0 15px 0 !important;
    position: relative !important;
    display: inline-block !important;
    line-height: 0.9 !important;
}

.product-subtitle {
    font-family: 'Michroma', monospace !important;
    font-size: clamp(0.7rem, 1.8vw, 0.9rem) !important;
    font-weight: 400 !important;
    color: #a0a0a0 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    margin-left: 8px !important;
    opacity: 0.8 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .p-detail-inner-header .product-title,
    .p-detail-inner-header h1.product-title,
    .p-detail-inner-header-mobile .product-title,
    .p-detail-inner-header-mobile .h1.product-title {
        font-family: 'Saira Condensed', sans-serif !important;
        font-size: clamp(2.2rem, 7vw, 3.5rem) !important;
        font-weight: 900 !important;
        color: #ffffff !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        margin: 20px 0 15px 0 !important;
        position: relative !important;
        display: inline-block !important;
        line-height: 0.9 !important;
    }
    
    .product-subtitle {
        font-family: 'Michroma', monospace !important;
        font-size: clamp(0.6rem, 2vw, 0.8rem) !important;
        font-weight: 400 !important;
        color: #a0a0a0 !important;
        letter-spacing: 3px !important;
        text-transform: uppercase !important;
        margin-left: 4px !important;
        display: block !important;
        margin-top: 5px !important;
        opacity: 0.8 !important;
    }
}

@media (max-width: 480px) {
    .p-detail-inner-header .product-title,
    .p-detail-inner-header h1.product-title,
    .p-detail-inner-header-mobile .product-title,
    .p-detail-inner-header-mobile .h1.product-title {
        font-family: 'Saira Condensed', sans-serif !important;
        font-size: clamp(1.8rem, 8vw, 3rem) !important;
        font-weight: 900 !important;
        color: #ffffff !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
        line-height: 0.9 !important;
    }
    
    .product-subtitle {
        font-family: 'Michroma', monospace !important;
        font-size: clamp(0.5rem, 2.5vw, 0.7rem) !important;
        letter-spacing: 2px !important;
    }
}